html,
body {
    --mainColor: #067ffa;
    --bgColor: #F9F9F9;
    --textColor: #1D2334;
    background-color: var(--bgColor);
    color: var(--textColor);
}
.mui-content{
	background-color: var(--bgColor);
}
.mui-table-view-cell {
    /* min-height: 2.5rem; */
}
* { touch-action: pan-y; }

/* 颜色 color*/

.bgcolorwhite {
    background: #FBFBFB;
}

.mui-table-view-cell:after {
    left: 0.625rem;
    right: 0.625rem;
    background-color: #DDDDDD;
}

header>.mui-bar .mui-title {
    color: #323232;
    font-size: 0.9375rem;
}

header>.mui-icon-left-nav:before {
    color: var(--mainColor);
	color: var(--textColor);
}

.mui-bar-nav {
	/* 改为白色 */
	background-color: #FFFFFF;
    /* background-color: var(--mainColor); */
    box-shadow: none;
}

#footer {
    font-size: 0.4rem;
    color: darkgrey;
    text-align: center;
    width: 100%;
}

.mui-backdrop {
    background-color: rgba(0, 0, 0, .15);
}

.mui-popover {
    background: #FBFBFB;
    border-radius: 0.1875rem;
}

.mui-popover .mui-scroll-wrapper {
    border-radius: 0;
    margin: 0px;
}

.mui-popover .mui-table-view {
    background-color: #fff;
    border-radius: 0px;
    font-size: 14px;
}

.mui-popover .mui-table-view .mui-table-view-cell:last-child,
.mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn),
.mui-popover .mui-table-view .mui-table-view-cell:first-child,
.mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn) {
    border-radius: 0;
}

.mui-scroll-phone {
    padding-bottom: 2.1875rem;
}

.mui-table-view:after {
    height: 0;
}

/* 空数据 */
.nullData{
	display: none;
	position: relative;
	left: calc(50% - 3rem);
	top: calc(40% - 2rem);
	transform: rotateX(-50%);
	transform: rotateY(-50%);
	width: 6rem;
	height: 4rem;
	z-index: 9;
}
.nullImage{
	background-image: url(../images/null.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.nullTip{
	margin-top: 5px;
	color: #A9A9A9;
	font-size: 15px;
	width: 6rem;
	text-align: center;
}
.nullRefresh{
	margin-top: 5px;
	color: #3DACE7;
	font-size: 15px;
	text-align: center;
	display: none;
}

.ellipsisText, .ellipsisText2{
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	word-break: break-word;
	overflow: hidden;
	-webkit-box-orient:vertical;
}
.ellipsisText2{
	-webkit-line-clamp: 2;
}
/* 开始适配 */


/* 1 超小屏幕下，可以视为移动设备（手机等）小于768 布局容器改为750px */


/* iPhone4 */

@media screen and (min-width: 320px) and (max-width: 376px) {
    html {
        font-size: 21.33px;
    }
}


/* iPhoneX/XR */

@media screen and (min-width: 375px) and (max-width: 413px) {
    html {
        font-size: 25px;
    }
    .box {
        color: red;
    }
}


/* iPhone6/7/8 Plus */

@media screen and (min-width: 414px) and (max-width: 767px) {
    html {
        font-size: 27.6px;
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size: 51.2px;
    }
    .box {
        color: red;
    }
}


/* 核心：媒体查询 */


/* 2 小屏幕下，可以视为移动设备（手机等） ≥768 布局容器改为750px */

@media screen and (min-width: 768px) {
    .container {
        width: 750px;
    }
}


/* 3 中等屏幕下 ≥992 布局容器改为970px */

@media screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}


/* 4 中等屏幕下 ≥1200 布局容器改为1170px */

@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

/* 定义字号 暂仅臧阳爽使用 */
html,body {
	--size4:0.16rem;
	--size5:0.2rem;
	--size6:0.24rem;
	--size7:0.28rem;
	--size8:0.32rem;
	--size9:0.36rem;
	--size10:0.4rem;
	--size11:0.44rem;
	--size12:0.48rem;
	--size13:0.52rem;
	--size14:0.56rem;
	--size15:0.6rem;
	--size16:0.64rem;
	--size17:0.68rem;
	--size18:0.72rem;
	--size19:0.76rem;
	--size20:0.8rem;
	--size22:0.88rem;
	--size23:0.92rem;
	--size24:0.96rem;
	--size25:1rem;
	--size26:1.04rem;
	--size28:1.12rem;
	--size30:1.2rem;
	--size32:1.28rem;
	--size36:1.44rem;
	--size38:1.52rem;
	--size40:1.6rem;
	--size42:1.68rem;
	--size44:1.76rem;
	--size45:1.8rem;
	--size48:1.92rem;
	--size50:2rem;
	--size60:2.4rem;
	--size64:2.56rem;
	--size66:2.64rem;
	--size70:2.8rem;
	--size78:3.12rem;
	--size80:3.2rem;
	--size90:3.6rem;
	--size100:4rem;
	--size140:5.6rem;
	--size150:6rem;
	--size120:4.8rem;
	--size200:8rem;
	--size235:9.4rem;
	--size252:10.08rem;
	--size270:10.8rem;
	--size300:12rem;
	--size350:14rem;
}
.mui-pull-bottom-tips{
	height: 1rem;
	line-height: 1rem;
	font-size: var(--size12);
	text-align: center;
	color: gray;
}

/* 菜单显示权限控制 */
.noPermission{
	display: none !important;
}